<template>
    <div>
        <h1>我比较慢返回回来</h1>
        <h2>异步数据{{ sum }}</h2>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const delay = ms => new Promise(r => setTimeout(r, ms))

// 顶层 await！让整个 setup 变成 async
await delay(2000)   // 模拟接口
const sum = ref(100) // 2 秒后才渲染

</script>